<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>DPL: 列表</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge;Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl.css">
<link rel="stylesheet" href="/skin/frontend/uemall_v2/mobile/css/dpl/dpl-demo.css">
</head>

<body class="cmWrapper dpl-demo-list">
<article class="cmPage">
	<header class="cmPageNavBar">
		<h1>列表</h1>
		<div class="cmBtnWrapper cmRight">
			<a class="cmBtn" href="javascript:location.reload();">刷新</a>
		</div>
		<div class="cmBtnWrapper cmLeft">
			<a class="cmBtn cmBack" href="../"><b>DPL</b></a>
		</div>
	</header>
	<section>
		<header class="cmListHeader">
			<h2>列表标题</h2>
			<div class="cmBtnWrapper cmRight">
				<a class="cmBtn" href="#" data-action>按钮</a>
			</div>
		</header>
		<ul class="cmList">
			<li>
				<p>列表项</p>
			</li>
			<li>
				<p>列表项</p>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>可删除列表 <code>.cmList.cmDeletable</code></h2>
		<ul class="cmList cmDeletable">
			<li>
				<p>同步删除列表项</p>
			</li>
			<li>
				<p>异步删除列表项</p>
			</li>
		</ul>
		<ul class="cmList cmDeletable">
			<li class="cmHasDetail cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					同步删除列表项
				</a>
				<a href="#none">a</a>
			</li>
			<li class="cmHasDetail cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					异步删除列表项
				</a>
				<a href="#none"><p>test</p></a>
			</li>
		</ul>
	</section>
	<section>
		<h2>可删除列表 <code>.cmList > li.cmDeletable</code></h2>
		<ul class="cmList">
			<li class="cmDeletable">
				<p>同步删除列表项</p>
			</li>
			<li class="cmDeletable">
				<p>异步删除列表项</p>
			</li>
		</ul>
		<ul class="cmList">
			<li class="cmDeletable cmHasDetail cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					同步删除列表项
				</a>
				<a href="#none"></a>
			</li>
			<li class="cmDeletable cmHasDetail cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					异步删除列表项
				</a>
				<a href="#none"></a>
				<!-- <div class="cmBtnWrapper delete disabled"><a class="cmBtn disabled" href="#dpl-list-delete-item" data-action><i class="cmIcon cmX20 loading-black-bg">Loading</i></a></div> -->
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>普通列表 <code>.cmList</code></h2>
		<ul class="cmList">
			<li><p><code>li >p> [Text] + a</code> 文字含<a href="###">链接</a>，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</p></li>
			<li><p><code>li >p> [Text]</code> testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</p></li>
		</ul>
	</section>
	<section>
		<h2>普通列表（要图标） <code>.cmList.cmHasIcon</code></h2>
		<ul class="cmList cmHasIcon">
			<li>
				<p>
					<i class="cmIcon cmX30"></i>
					<code>li >p> .cmIcon + [Text]</code> 有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
			</li>
			<li>
				<p>
					<code>li >p> [Text]</code> 无图标则留空，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
			</li>
			<li class="cmNoIcon">
				<p>
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >p> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表 <code>.cmList</code></h2>
		<ul class="cmList">
			<li>
				<a href="#none">
					<code>li >a> [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 默认，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList">
			<li class="cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmNoArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmRightArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList">
			<li class="cmRightArrow">
				<a href="#none">
					<code>li.cmRightArrow >a> [Text]</code> 右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmLeftArrow">
				<a href="#none">
					<code>li.cmLeftArrow >a> [Text]</code> 左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList">
			<li class="cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon >a> .cmIcon + [Text]</code> 要图标，有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmNoArrow >a> .cmIcon + [Text]</code> 要图标，有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmRightArrow >a> .cmIcon + [Text]</code> 要图标，有图标，右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 要图标，有图标，左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（右箭头） <code>.cmList.cmRightArrow</code></h2>
		<ul class="cmList cmRightArrow">
			<li>
				<a href="#none">
					<code>li >a> [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 默认，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmRightArrow">
			<li class="cmNoArrow">
				<a href="#none">
					<code>li.cmNoArrow >a> [Text]</code> 弃箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmNoIcon >a> .cmIcon + [Text]</code> 弃箭头，弃图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmHasIcon >a> .cmIcon + [Text]</code> 弃箭头，要图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmRightArrow">
			<li class="cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmNoArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmRightArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmRightArrow">
			<li class="cmLeftArrow">
				<a href="#none">
					<code>li.cmLeftArrow >a> [Text]</code> 强制左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmRightArrow">
			<li class="cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon >a> .cmIcon + [Text]</code> 要图标，有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmNoArrow >a> .cmIcon + [Text]</code> 要图标，有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmRightArrow >a> .cmIcon + [Text]</code> 要图标，有图标，右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 要图标，有图标，左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<section>
		<h2>链接列表（左箭头） <code>.cmList.cmLeftArrow</code></h2>
		<ul class="cmList cmLeftArrow">
			<li>
				<a href="#none">
					<code>li >a> [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 默认，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmLeftArrow">
			<li class="cmNoArrow">
				<a href="#none">
					<code>li.cmNoArrow >a> [Text]</code> 弃箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmNoIcon >a> .cmIcon + [Text]</code> 弃箭头，弃图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmHasIcon >a> .cmIcon + [Text]</code> 弃箭头，要图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmLeftArrow">
			<li class="cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmNoArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmRightArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmLeftArrow">
			<li class="cmRightArrow">
				<a href="#none">
					<code>li.cmRightArrow >a> [Text]</code> 强制右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmLeftArrow">
			<li class="cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon >a> .cmIcon + [Text]</code> 要图标，有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmNoArrow >a> .cmIcon + [Text]</code> 要图标，有图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmRightArrow >a> .cmIcon + [Text]</code> 要图标，有图标，右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmHasIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 要图标，有图标，左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（要图标） <code>.cmList.cmHasIcon</code></h2>
		<ul class="cmList cmHasIcon">
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li>
				<a href="#none">
					<code>li >a> [Text]</code> 默认，无图标则留空，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon">
			<li class="cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmNoArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmRightArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon">
			<li class="cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmRightArrow >a> .cmIcon + [Text]</code> 右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmLeftArrow >a> .cmIcon +[Text]</code> 左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（要图标、右箭头） <code>.cmList.cmHasIcon.cmRightArrow</code></h2>
		<ul class="cmList cmHasIcon cmRightArrow">
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li>
				<a href="#none">
					<code>li >a> [Text]</code> 默认，无图标则留空，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon cmRightArrow">
			<li class="cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow >a> [Text]</code> 弃箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmNoIcon >a> .cmIcon + [Text]</code> 弃箭头，弃图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmHasIcon >a> .cmIcon + [Text]</code> 弃箭头，要图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon cmRightArrow">
			<li class="cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmNoArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmRightArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon cmRightArrow">
			<li class="cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmLeftArrow >a> [Text]</code> 强制左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<section>
		<h2>链接列表（要图标、左箭头） <code>.cmList.cmHasIcon.cmLeftArrow</code></h2>
		<ul class="cmList cmHasIcon cmLeftArrow">
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li>
				<a href="#none">
					<code>li >a> [Text]</code> 默认，无图标则留空，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon cmLeftArrow">
			<li class="cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow >a> [Text]</code> 弃箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmNoIcon >a> .cmIcon + [Text]</code> 弃箭头，弃图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoArrow.cmHasIcon >a> .cmIcon + [Text]</code> 弃箭头，要图标，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon cmLeftArrow">
			<li class="cmNoIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmNoArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmNoArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmRightArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoIcon cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmNoIcon.cmLeftArrow >a> .cmIcon + [Text]</code> 弃图标，有图标也不显示，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmHasIcon cmLeftArrow">
			<li class="cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmRightArrow >a> [Text]</code> 强制右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（有详情按钮） <code>.cmList</code></h2>
		<ul class="cmList">
			<li class="cmHasDetail">
				<p href="#none">
					<code>li.cmHasDetail > (p>[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
				<a href="#none"></a>
			</li>
			<li class="cmHasDetail cmHasIcon">
				<p href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasDetail.cmHasIcon > (p>.cmIcon+[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
				<a href="#none"></a>
			</li>
			<li class="cmHasDetail">
				<a href="#none">
					<code>li.cmHasDetail > (a>[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
				<a href="#none"></a>
			</li>
			<li class="cmHasDetail cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasDetail.cmHasIcon > (a>.cmIcon+[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
				<a href="#none"></a>
			</li>
		</ul>
	</section>
	<section>
		<h2>链接列表（有详情按钮） <code>.cmList.cmHasDetail</code></h2>
		<ul class="cmList cmHasDetail">
			<li>
				<p href="#none">
					<code>li.cmHasDetail > (p>[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
				<a href="#none"></a>
			</li>
			<li class="cmHasIcon">
				<p href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmHasDetail.cmHasIcon > (p>.cmIcon+[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</p>
				<a href="#none"></a>
			</li>
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li > (a>.cmIcon+[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
				<a href="#none"></a>
			</li>
			<li class="cmHasIcon">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li > (a>.cmIcon+[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
				<a href="#none"></a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（含数量） <code>.cmList > li[data-badge]</code></h2>
		<ul class="cmList">
			<li data-badge="999">
				<a href="#none">
					<code>li >a> [Text]</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmRightArrow" data-badge="999">
				<a href="#none">
					<code>li.cmRightArrow >a> [Text]</code> 右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmLeftArrow" data-badge="999">
				<a href="#none">
					<code>li.cmLeftArrow >a> [Text]</code> 左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmRightArrow">
			<li data-badge="999">
				<a href="#none">
					<code>li >a> [Text]</code> 默认右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow" data-badge="999">
				<a href="#none">
					<code>li.cmNoArrow >a> [Text]</code> 弃箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmLeftArrow" data-badge="999">
				<a href="#none">
					<code>li.cmLeftArrow >a> [Text]</code> 强制左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList cmLeftArrow">
			<li data-badge="999">
				<a href="#none">
					<code>li >a> [Text]</code> 默认左箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmNoArrow" data-badge="999">
				<a href="#none">
					<code>li.cmNoArrow >a> [Text]</code> 弃箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
			<li class="cmRightArrow" data-badge="999">
				<a href="#none">
					<code>li.cmRightArrow >a> [Text]</code> 强制右箭头，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<ul class="cmList">
			<li class="cmHasDetail" data-badge="999">
				<a href="#none">
					<code>li.cmHasDetail > (a>[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
				<a href="#none"></a>
			</li>
		</ul>
		<ul class="cmList cmHasDetail">
			<li data-badge="999">
				<a href="#none">
					<code>li > (a>[Text]) + a</code> 默认，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
				<a href="#none"></a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（含选项值） <code>.cmList > li[data-value]</code></h2>
		<ul class="cmList">
			<li class="cmRightArrow" data-value="选项值">
				<a href="#none">
					<code>li.cmRightArrow >a> [text]</code>选项名
				</a>
			</li>
			<li class="cmRightArrow" data-value="选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值">
				<a href="#none">
					<code>li.cmRightArrow >a> [text]</code>选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名
				</a>
			</li>
			<li class="cmRightArrow cmHasIcon" data-value="选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值选项值">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li.cmRightArrow.cmHasIcon >a> [text]</code>选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名选项名
				</a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>链接列表（含描述） <code>.cmList > li[data-descr]</code></h2>
		<ul class="cmList">
			<li data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<p>
					小标题 <code>li >p> [text]</code>
				</p>
			</li>
			<li data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					小标题 <code>li >a> [text]</code>
				</a>
			</li>
			<li class="cmHasIcon" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					小标题 <code>li.cmHasIcon >a> [text]</code>
				</a>
			</li>
			<li class="cmRightArrow" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					小标题 <code>li.cmRightArrow >a> [text]</code>
				</a>
			</li>
			<li class="cmRightArrow cmHasIcon" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					小标题 <code>li.cmRightArrow >a> [text]</code>
				</a>
			</li>
			<li class="cmLeftArrow" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					小标题 <code>li.cmLeftArrow >a> [text]</code>
				</a>
			</li>
			<li class="cmLeftArrow cmHasIcon" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					小标题 <code>li.cmLeftArrow >a> [text]</code>
				</a>
			</li>
			<li class="cmHasDetail" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					小标题 <code>li.cmHasDetail > (a>[Text]) + a</code>
				</a>
				<a href="#none"></a>
			</li>
			<li class="cmHasDetail" data-badge="999" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					小标题 <code>li.cmHasDetail > (a>[Text]) + a</code>
				</a>
				<a href="#none"></a>
			</li>
			<li class="cmRightArrow" data-value="选项值" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					选项名
				</a>
			</li>
			<li class="cmRightArrow cmHasIcon" data-value="选项值" data-descr="描述文字，testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					选项名
				</a>
			</li>
		</ul>
	</section>
	<hr>
	<section>
		<h2>菜单列表 <code>.cmList.cmLarge</code></h2>
		<ul class="cmList cmLarge">
			<li>
				<a href="#none">
					菜单项一
				</a>
			</li>
			<li class="cmRightArrow">
				<a href="#none">
					菜单项二(右箭头)
				</a>
			</li>
			<li class="cmLeftArrow">
				<a href="#none">
					菜单项三(左箭头)testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
	</section>
	<section>
		<h2>菜单列表（要图标） <code>.cmList.cmLarge.cmHasIcon</code></h2>
		<ul class="cmList cmLarge cmHasIcon">
			<li>
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					<code>li >a> .cmIcon + [Text]</code> 菜单项一
				</a>
			</li>
			<li class="cmRightArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					菜单项二(右箭头)
				</a>
			</li>
			<li class="cmLeftArrow">
				<a href="#none">
					<i class="cmIcon cmX30"></i>
					菜单项三(左箭头)testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
				</a>
			</li>
		</ul>
		<p class="cmDescr">在结算页面可以使用优惠券和现金券。</p>
	</section>
	<hr>
	<section class="act">
		<a class="cmBtn" href="javascript:location.reload();">刷新</a>
	</section>
	<hr>
	<footer>
		<address>&copy; UEFED.COM</address>
	</footer>
</article>
<script src="/js/mv1/lib/lib.js"></script>
<script src="/js/mv1/lib/dpl.js"></script>
<script>_.ext.ini(); DPL.ini(); _.ga.ini();</script>
<script src="/js/mv1/dpl/dpl-demo.js"></script>
<script>DPL.demo.list.ini();</script>
</body>
</html>
